const photoFormat = ["jpg","jpeg", "png", "gif", "webp", "tiff", "bmp"];
const videoFormat = ["mp4", "mov", "avi"];
const audioFormat = ["mp3", "wav", "m4a", "flac", "aac"];
const docFormat = ["pdf", "doc", "docx", "xls", "xlsx", "ppt", "pptx"];
const tag2component = {
  1: "input",
  2: "textarea",
  3: "select",
  4: "cascader",
  5: "radio",
  6: "checkbox",
  7: "datePicker",
  8: "photo",
  9: "file",
};
const isArray =['checkbox','cascader']
const dateMap = {
  date: {
    dateLength: 1,
    dateType: 1,
    format: "yyyy-MM-dd",
  },
  datetime: {
    dateLength: 2,
    dateType: 1,
    format: "yyyy-MM-dd HH:mm:ss",
  },
  daterange: {
    dateLength: 1,
    dateType: 2,
    format: "yyyy-MM-dd",
  },
  datetimerange: {
    dateLength: 2,
    dateType: 2,
    format: "yyyy-MM-dd HH:mm:ss",
  },
};
const CommonUserComponents = [
  {
    type: "input",
    name: "单行文本",
    icon: "el-icon-share",
    tag: 1,
    options: {
      width: "100%",
      placeholder: "请输入文本",
      defaultValue: "",
      required: false,
      clearable: false,
      maxlength: 99,
      minlength: 1,
    },
  },
  {
    type: "textarea",
    name: "多行文本",
    icon: "el-icon-share",
    tag: 2,
    options: {
      width: "100%",
      rows: 3,
      placeholder: "请输入多行文本",
      defaultValue: "",
      required: false,
      maxlength: 999,
      minlength: 1,
    },
  },
  {
    type: "select",
    name: "下拉框",
    icon: "el-icon-share",
    tag: 3,
    options: {
      // placeholder: "请选择",
      width: "100%",
      required: false,
      defaultValue: "",
      clearable: false,
      valueData: [
        {
          value: "选项1",
          label: "选项1",
        },
        {
          value: "选项2",
          label: "选项2",
        },
      ],
    },
  },
  {
    type: "cascader",
    name: "级联选择",
    tag: 4,
    icon: "el-icon-share",
    options: {
      width: "100%",
      // placeholder: "请选择",
      defaultValue: [],
      required: false,
      clearable: true,
      valueData: [
        {
          label: "选项1",
          children: [],
        },
        {
          label: "选项2",
          children: [],
        },
      ],
    },
  },
  {
    type: "radio",
    name: "单选框",
    icon: "el-icon-share",
    tag: 5,
    options: {
      inline: "inline-block",
      valueData: [
        { value: "选项1", label: "选项1" },
        { value: "选项2", label: "选项2" },
      ],
      defaultValue: "",
      required: false,
    },
  },
  {
    type: "checkbox",
    name: "多选框",
    icon: "el-icon-share",
    tag: 6,
    options: {
      inline: "inline-block",
      valueData: [
        {
          value: "选项1",
          label: "选项1",
        },
        {
          value: "选项2",
          label: "选项2",
        },
      ],
      defaultValue: [],
      required: false,
    },
  },
  {
    type: "datePicker",
    name: "日期选择器",
    icon: "el-icon-share",
    tag: 7,
    options: {
      width: "100%",
      required: false,
      clearable: false,
      defaultValue: "",
      type: "date",
      valueFormat: "yyyy-MM-dd",
    },
  },
  {
    type: "photo",
    name: "图片",
    icon: "el-icon-share",
    tag: 8,
    options: {
      width: "100%",
      required: false,
      defaultValue: "",
      accept: photoFormat,
    },
  },
  {
    type: "file",
    name: "文件",
    icon: "el-icon-share",
    tag: 9,
    options: {
      width: "100%",
      required: false,
      defaultValue: "",
      accept: {
        photo: photoFormat,
        video: videoFormat,
        audio: audioFormat,
        doc: docFormat,
      },
    },
  },
  // {
  //   type: "inputNumber",
  //   name: "计数器",
  //   icon: "el-icon-share",
  //   options: {
  //     defaultValue: 0,
  //     min: 0,
  //     max: 100,
  //     required: false,
  //     position: "",
  //   },
  // },
  // {
  //   type: "slider",
  //   name: "滑块",
  //   icon: "el-icon-share",
  //   options: {
  //     required: false,
  //     defaultValue: 0,
  //     min: 0,
  //     max: 100,
  //   },
  // },
  // {
  //   type: "rate",
  //   name: "评分",
  //   icon: "el-icon-share",
  //   options: {
  //     required: false,
  //     defaultValue: 0,
  //     max: 5,
  //   },
  // },
  // {
  //   type: "timePicker",
  //   name: "时间选择器",
  //   icon: "el-icon-share",
  //   options: {
  //     width: "100%",
  //     required: false,
  //     defaultValue: "",
  //     clearable: false,
  //   },
  // },

  // {
  //   type: "text",
  //   name: "文字",
  //   icon: "el-icon-share",
  //   options: {
  //     nameDisabled: true,
  //     defaultValue: "默认文字",
  //     position: "",
  //     lineHeight: 25,
  //     size: 14,
  //     leftPadding: 0,
  //     color: "#000000",
  //     weight: "",
  //     style: "",
  //     indent: 0,
  //   },
  // },
  // {
  //   type: "divider",
  //   name: "分割线",
  //   icon: "el-icon-share",
  //   options: {
  //     nameDisabled: true,
  //     defaultValue: "",
  //     position: "center",
  //   },
  // },
];

export {
  CommonUserComponents,
  photoFormat,
  videoFormat,
  audioFormat,
  docFormat,
  tag2component,
  dateMap,
  isArray
};
